/*
 * @Author: Leng
 * @Date: 2020-08-26 19:18:00
 * @Description: 路由配置
 * @FilePath: \vue-leng\src\router\index.js
 */
import { createRouter, createWebHistory } from 'vue-router'
// import home from '../views/home'
//按需加载
const home = () => import('../views/home')
const homeDemo = () => import('../views/home/demo')
const routes = [
  // {
  //   path: '*',
  //   redirect: '/'
  // },
  {
    path: '/',
    redirect: '/homeDemo'
  },
  {
    path: '/home',
    name: 'home',
    component: home,
    meta:{
      title:'换肤Demo'
    },
    // children:[
    //   {
    //     path:'dytime',
    //     component:douyinTime
    //   },
    //   {
    //     path:'goselect',
    //     component:GoSel
    //   }
    // ]
  },
  {
    path: '/homeDemo',
    name: 'homeDemo',
    component: homeDemo,
    meta:{
      title:'demo页'
    }
  },
  // {
  //   path: '/about/:id',
  //   name: 'about',
  //   component: about,
  //   meta:{
  //     title:'其他'
  //   }
  // },
  // {
  //   path: '/theme',
  //   name: 'theme',
  //   component: theme,
  //   meta:{
  //     title:'Scss换肤'
  //   }
  // },
  // {
  //   path: '/gomock',
  //   name: 'gomock',
  //   component: goMock,
  //   meta:{
  //     title:'Mock数据模拟'
  //   }
  // }
]

let router = null
router = createRouter({
  history: createWebHistory(process.env.BASE_URL),
  routes
})

router.beforeEach((to,from,next)=>{
  //从from跳转到to
  // console.log(to)
  if(to.matched[0]){
    if(to.matched[0].meta.title==undefined || to.matched[0].meta.title=='') to.matched[0].meta.title="无标题"
    document.title=to.matched[0].meta.title
  }
  //next(),正常执行下一步(必须调用)
  // if(to.fullPath==='/about/21'){
  //   next({path:'/about/99'});
    // console.log('参数21改成99')
  // }
  next()
  // console.log('跳转前执行')
})

router.afterEach((to,from)=>{
  // console.log('跳转后执行')
  // router.push('/gomine')
  // if(to.fullPath==='/about/99'){
  //   // next({path:'/about/99'});
  //   router.push('/about/001')
  //   console.log('参数99改成001')
  // }
})

export default router;
